.wdu-container {
  display : flex;
  flex-flow: row nowrap;
  position: relative;
}

.wdu-aside {
  position: relative;
  left    : 0;
  top     : 0;
}

.wdu-main {
  position: relative;
}

.wdu-footer {
  width: 100%;
  left: 0;
  bottom: 0;
  flex-grow : 1;
}

.flex {
  display       : flex;
  flex-direction: row;
  flex-wrap     : nowrap;
}

.row-col_center {
  .flex();
  align-items: center;
}

.center {
  .row-col_center();
  justify-content: center;
}

.row-around {
  .flex();
  justify-content: space-around;
}

.row-end {
  .flex();
  justify-content: flex-end;
}

.row-start {
  .flex();
  align-items    : center;
  justify-content: flex-start;
}

.col-row_center {
  .flex();
  flex-direction : column;
  justify-content: center;
}

.w-box {
  box-sizing: border-box;
}

.hide-scroll {
  &::-webkit-scrollbar {
    display: none;
  }

  scrollbar-width: none;
}